<template>
  <el-container style="height:100%">
    <el-header style="padding: 0px; height: 10%"><Top /></el-header>
    <el-container style="height:90%">
      <el-aside width="200px" style="height: 100%;border-top:1px solid #eee" v-show="isShow"><Left /></el-aside>
      <el-main style="padding: 10px; height: 100%;border-left:1px solid #eee;"><Right /></el-main>
    </el-container>
  </el-container>
</template>

<script>
import Top from "@/components/top";
import Left from "@/components/left";
import Right from "@/components/right";
export default {
  name: "Main",
  data(){
    return {
      isShow:"true"
    }
  },
  components: {
    Top,
    Left,
    Right,
  },
};
</script>

<style>
html,body{
  padding: 0px;
  margin: 0xp;
  height: 100%;
}
</style>